<template>
	<view>
		<view class="smart-panel-title">1.容器</view>
		<view class="smart-panel-h" @click="naviTo('view')"><text>view视图</text></view>
		<view class="smart-panel-h" @click="naviTo('scroll')"><text class="smart-panel-h">scroll滚动视图</text></view>
		<view class="smart-panel-h" @click="naviTo('swiper')"><text class="smart-panel-h">swiper滑动视图</text></view>
	</view>
	
	<view>
		<view class="smart-panel-title">2.基础内容</view>
		<view class="smart-panel-h" @click="naviTo('text')"><text>text文本编辑</text></view>
		<view class="smart-panel-h" @click="naviTo('rich-text')"><text class="smart-panel-h">rich-text富文本编辑</text></view>
		<view class="smart-panel-h" @click="naviTo('progress')"><text class="smart-panel-h">progress进度条</text></view>
	</view>
	
	<view class="class-title-item">
				<text class="item-title">
					3. 表单组件
				</text>
			</view>
			<view class="item-obj" @click="naviTo('button')">
				<text>1. button</text>
			</view>
			<view class="item-obj" @click="naviTo('radio')">
				<text>2. radio</text>
			</view>
			<view class="item-obj" @click="naviTo('checkbox')">
				<text>3. checkbox</text>
			</view>
			<view class="item-obj" @click="naviTo('input')">
				<text>4. input</text>
			</view>
			<view class="item-obj" @click="naviTo('picker')">
				<text>5. picker</text>
			</view>
			<view class="item-obj" @click="naviTo('slider')">
			            <text>6. slider</text>
			        </view>
			<view class="item-obj" @click="naviTo('switch')">
			            <text>7. switch</text>
			        </view>
			<view class="item-obj" @click="naviTo('textarea')">
			            <text>8. textarea</text>
			        </view>
			<view class="item-obj" @click="naviTo('form')">
			            <text>9. form</text>
			        </view>
			
			    
				
			
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
			/*goDetailPage(e){
				if(typeof e==='string'){
			    uni.navigateTo({
						url:"/pages/components/" + e + "/" + e
					});	
				
			}else{
				uni.navigateTo({
					url:e.url
					});
				}*/
				
				
			naviTo(e){
				uni.navigateTo({
					url: '/pages/components/' + e + '/' + e
				})
			}
			}
			
		}
	
</script>

<style>
.item-obj-disabled {
	/* 复制 .item-obj 的样式 */
	margin-bottom: 12px;
	background-color: #fdfdfd;
	padding: 10px;
	border-radius: 5px;
	/* ... 其他 .item-obj 样式 ... */
	
	/* 禁用效果 */
	color: #999;
	opacity: 0.6;
}
</style>
